Skip to main content

Theme Colors

The theme color section allows you to change global colors for things like text and buttons.

Colors

OptionValueDescription
Main ColorHEXThe main color is the main site wide color used. Changing this color will change all the default colors for buttons and or h1 text to this color
Heading ColorsHEXThe header color will control the h1-h6 colors
Header Link ColorHEXThe header link colors allows you to set the color of the header links. This will superseded the main link color setting for header links.
Header Link Hover ColorHEXThe header link hover color will be the hover color of header links.
Main Button Hover ColorHEXWhen set, any button that does not have a set hover state will use this color. This color will show when the mouse hovers over that button.
Main Button Text ColorHEXThis will set the color of the text inside the button
Main Button Text Hover ColorHEXThis will set the hover color (mouse over) color of the text
Main Font ColorHEXThis will control the main font-color of the site.
Main Link ColorHEXThis will be the default color of all links on the site. Any elements that allow for setting the link color will supersede this setting.
Main Tab Active ColorHEXThe color the active tab background will be
Main Hover ColorHEXThis will be the main hover color when a link is hovered over.
Main Sub Text ColorHEXThe main sub-text color will control the color of sub-text. Typically this will be a muted gray color and is used where text may come before or after a main heading.
Content Background ColorHEXThis will be the background color for the middle of the page.
Footer Link ColorsHEXThis color will be the link color for all footer links. This will superseded the main link color for footer links
Footer Link Hover ColorHEXThis color will be the main hover color for footer links
Color Overrides

Some widgets allow you to set colors of buttons and or font. When those options are available and set they will override the main color options defined here